﻿@model IEnumerable<YogaStudio.Data.Domain.Product>
@foreach (var product in Model)
{
    <div class="grid_1_of_4 images_1_of_4">
        <a href="@Url.Action("ProductDetails", "Product",
                                 new { id = product.ProductId })">
            <img alt="@product.ProductName" src="@Url.Content(product.ImageUrl ?? "~/Content/Images/DefaultPicture.jpeg")" />
        </a>
        <h2>@product.ProductName</h2>
        <div class="price-details">
            <div class="price-number">
                <p><span class="rupees">@product.Price</span></p>
            </div>
            <div class="add-cart">
                <h4>
                    <a href="@Url.Action("ProductDetails", "Product",
                                 new { id = product.ProductId })">more...</a>
                </h4>
            </div>
            <div class="clear"></div>
        </div>

    </div>
}
